Description

This PR brings significant improvements to the Homepage, Sponsors, and Showcase sections of the site, ensuring better dark/light mode compatibility, enhanced styling, and improved user engagement.

Key Highlights:

• ✅ Fixed dark mode inconsistencies on the Homepage and Showcase pages.
• ✨ Added a Sponsors section with a modal-based GitHub sponsorship CTA.
• 🎯 Improved Testimonial Carousel on the Homepage with better UI/UX and theme support.

Fixes #169 (Dark Mode Styling Inconsistencies on Homepage & Showcase)

Type of Change

• New feature (e.g., new page, component, or functionality)
• UI/UX improvement (design, layout, or styling updates)

Changes Made

🔧 Theme & Styling Fixes

• Removed hardcoded .dark classes from parent containers.
• Used dark: Tailwind variants for adaptive styling.
• Fixed unwanted white strip in dark mode on the Showcase page.
• Updated text/background color logic for both themes.

🏠 Homepage Enhancements

• Redesigned TestimonialCarousel with dark: support and responsive layout.
• Improved animation and styling of testimonial cards.

💼 Sponsors Page

• Introduced new Sponsors page with:
  • Tabs for "Current Sponsors" and "People We Sponsored"
  • Responsive SponsorCard component
  • Modal popup CTA with animated GitHub Sponsor button
• Included dark mode support for the entire sponsor flow.

Dependencies

• No new external libraries or packages added.
• Fully compatible with Docusaurus and existing setup.

Checklist

• My code follows the style guidelines of this project.
• I have tested my changes across major browsers/devices.
• My changes do not generate new console warnings or errors.
  ✅ Ran npm run build successfully and attached screenshots below.
• This is already assigned Issue to me, not an unassigned issue.

Screenshots

Homepage	Sponsors Page	Npm Run Build